<script setup>
const props = defineProps({
	config: {
		type: Object,
		default: {},
	},
});
</script>
<template>
	<view class="p-middle-2 bg-gradient-to-b from-purple-500 via-pink-500 to-white-500">
		<van-swipe class="h-full my-swipe overflow-hidden rounded-xl" :autoplay="3000" indicator-color="white">
			<van-swipe-item
				class="bg-amber-300 text-white text-center text-lg flex flex-row justify-center items-center"
				style="aspect-ratio: 7/3 ;"
        v-for="(item, index) in config.data"
				:key="index"
			>
				<img :src="item.imgUrl" class="h-full w-full object-cover" />
			</van-swipe-item>
		</van-swipe>
	</view>
</template>
